<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="hmg.vo.BoardVO"%>
<%@ page import="java.util.List"%>
<%--
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 11. 15.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 11. 15.     Kim hyung soo     최초 생성
--%>
<%
    List<BoardVO> newsList = (List<BoardVO>) request.getAttribute("NewsList");
    List<BoardVO> photoList = (List<BoardVO>) request.getAttribute("PhotoList");
    List<BoardVO> vodList = (List<BoardVO>) request.getAttribute("VodList");
    List<BoardVO> postscriptList = (List<BoardVO>) request.getAttribute("PostscriptList");
    List<BoardVO> activityList = (List<BoardVO>) request.getAttribute("ActivityList");
    List<BoardVO> recruitList = (List<BoardVO>) request.getAttribute("RecruitList");
    List<BoardVO> interviewList = (List<BoardVO>) request.getAttribute("InterviewList");
    BoardVO broadcast = (BoardVO) request.getAttribute("Broadcast");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 홈페이지" />
<meta name="keywords" content="현대자동차그룹 메인, Home, Index" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<link rel="SHORTCUT ICON" href="/hmg/images/web/kor/common/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/hmg/css/web/kor/com/main.css" />
<link rel="stylesheet" type="text/css" href="/hmg/css/web/kor/com/main3.css" />
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="/hmg/css/web/kor/com/ie7.css" /><![endif]-->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="/hmg/js/web/kor/com/jquery.event.drag-1.5.min.js"></script>
<script type="text/javascript" src="/hmg/js/web/kor/com/jquery.touchSlider.js"></script>
<script type="text/javascript" src="/hmg/js/web/kor/com/comfunc.js"></script>
<script type="text/javascript" src="/hmg/js/web/kor/com/jquery-ui.min.js"></script>
<script type="text/javascript" src="/hmg/js/web/kor/com/main.js"></script>
<script type="text/javascript" src="/hmg/js/web/kor/com/googleAnalytics.js"></script>
<script type="text/javascript">
//<![CDATA[
function plusCodeMobile() {
	$('.ImagesArea').remove();
	$('.ImgBox').append('<' + 'div' + '>' + '<img src="/hmg/images/web/kor/main-scroll/iPad.jpg" alt=""/>' + '<' + '/div>');
}

function plusCodePc() {
	var aniBgLen = [9, 9, 3, 17, 11];
	for (var i = 0; i < aniBgLen.length; i++) {
		var aniBg = aniBgLen[i];
		for (var j = 1; j <= aniBg; j++) {
			$('.aniBgFix').append('<img src="/hmg/images/web/kor/main-scroll/excont0' + (i + 2) + '-0' + j + '.png" alt="" />');
		}
	}
}

function ScrTop(idx) {
	if (idx == 1) {
		$('.ImagesArea').animate({
			scrollTop: '6332px'
		}, 2000, function () {
			viet();
		});
	} else if (idx == 2) {
		$('.ImagesArea').animate({
			scrollTop: '1055px'
		}, 2000, function () {
			viet2();
		});
	} else if (idx == 3) {
		$('.ImagesArea').animate({
			scrollTop: '2111px'
		}, 2000, function () {
			viet3();
		});
	} else if (idx == 4) {
		$('.ImagesArea').animate({
			scrollTop: '0px'
		}, 2000, function () {
		});
	} else if (idx == 5) {
		$('.ImagesArea').animate({
			scrollTop: '3165px'
		}, 2000, function () {
			viet4();
		});
	} else if (idx == 6) {
		$('.ImagesArea').animate({
			scrollTop: '5275px'
		}, 2000, function () {
			viet6();
		});
	} else if (idx == 7) {
		$('.ImagesArea').animate({
			scrollTop: '4220px'
		}, 2000, function () {
			viet5();
		});
	}
}

function viet() {
	$('.cont1301 a').animate({
		top: '600px',
		left: '94px'
	}, 750);
}

function viet2() {
	if (indgroup[0] != 1) {
		var SetmainV = 1;
		timer2 = setInterval(function () {
			if (SetmainV < 10) {
				$('.cont0401 a img').attr('src', '/hmg/images/web/kor/main-scroll/excont02-0' + SetmainV + '.png');
				SetmainV = SetmainV + 1;
			} else {
				clearInterval(timer2);
			}
		}, 100);
		indgroup[0] = 1;
	}
}

function viet3() {
	if (indgroup[1] != 1) {
		var SetmainV2 = 1;
		timer3 = setInterval(function () {
			if (SetmainV2 < 10) {
				$('.cont0601 a img').attr('src', '/hmg/images/web/kor/main-scroll/excont03-0' + SetmainV2 + '.png');
				SetmainV2 = SetmainV2 + 1;
			} else {
				clearInterval(timer3);
			}
		}, 100);
		indgroup[1] = 1;
	}
}

function viet4() {
	if (indgroup[2] != 1) {
		var SetmainV3 = 1;
		timer4 = setInterval(function () {
			if (SetmainV3 < 4) {
				$('.cont0801 a img').attr('src', '/hmg/images/web/kor/main-scroll/excont04-0' + SetmainV3 + '.png');
				SetmainV3 = SetmainV3 + 1;
			} else {
				clearInterval(timer4);
			}
		}, 100);
		indgroup[2] = 1;
	}
}

function viet5() {
	if (indgroup[3] != 1) {
		var SetmainV4 = 1;
		timer5 = setInterval(function () {
			if (SetmainV4 < 18) {
				$('.cont1001 a img').attr('src', '/hmg/images/web/kor/main-scroll/excont05-0' + SetmainV4 + '.png');
				SetmainV4 = SetmainV4 + 1;
			} else {
				clearInterval(timer5);
			}
		}, 100);
		indgroup[3] = 1;
	}
}

function viet6() {
	if (indgroup[4] != 1) {
		var SetmainV5 = 1;
		timer6 = setInterval(function () {
			if (SetmainV5 < 12) {
				$('.cont1201 a img').attr('src', '/hmg/images/web/kor/main-scroll/excont06-0' + SetmainV5 + '.png');
				SetmainV5 = SetmainV5 + 1;
			} else {
				clearInterval(timer6);
			}
		}, 100);
		indgroup[4] = 1;
	}
}

var indgroup = [0, 0, 0, 0, 0, 0];
var inko = '12';
$(document).ready(function () {
	$('.scrollBar').draggable({
		start: function () {
			$('.scrollBar').addClass('scrollAct');
		}
	}, {
		stop: function () {
			$('.scrollBar').removeClass('scrollAct');
		}
	}, {
		drag: function () {
			var indA = $('.scrollBar').css('top').replace('px', '');
			var scrollA = indA * 8;
			$('.ImagesArea').scrollTop(scrollA);
		}
	}, {
		containment: ".scrollArea",
		scroll: false
	}, {
		axis: 'y'
	});

	var agt = navigator.userAgent;
	if (agt.indexOf("iPhone") != -1) {
		javascript: plusCodeMobile();
	} else if (agt.indexOf("iPad") != -1) {
		javascript: plusCodeMobile();
	} else if (agt.indexOf("BlackBerry") != -1) {
		javascript: plusCodeMobile();
	} else if (agt.indexOf("Android") != -1) {
		javascript: plusCodeMobile();
	} else if (agt.indexOf("Windows CE") != -1) {
		javascript: plusCodeMobile();
	} else if (agt.indexOf("LG") != -1) {
		javascript: plusCodeMobile();
	} else if (agt.indexOf("MOT") != -1) {
		javascript: plusCodeMobile();
	} else if (agt.indexOf("SAMSUNG") != -1) {
		javascript: plusCodeMobile();
	} else if (agt.indexOf("SonyEricsson") != -1) {
		javascript: plusCodeMobile();
	} else {
		javascript: plusCodePc();
	}

	$('.ImagesArea').scroll(function () {
		inko = '11';
		var aa = $('.ImagesArea').scrollTop();
		if ($('.scrollBar').hasClass('scrollAct') == false) {
			var scrInt = aa / 7200 * 100;
			$('.scrollBar').css('top', scrInt + '%');
		} else {

		}
		var Tio2 = 4 + aa / 1.35;
		$('.cont02').css({
			'top': Tio2 + 'px'
		});
		var Tio3 = -16 + aa / 6;
		var Tio4 = -390 + aa / 1.85;
		$('.cont03').css({
			'top': Tio3 + 'px'
		});
		$('.cont04').css({
			'top': Tio4 + 'px'
		});
		var Tio5 = -560 + aa / 7.8;
		var Tio6 = -960 + (aa / 2.1);
		var Tio7 = -1100 + aa / 1.8;
		$('.cont05').css({
			'top': Tio5 + 'px'
		});
		$('.cont06').css({
			'top': Tio6 + 'px'
		});
		$('.sun').css({
			'top': Tio7 + 'px'
		});
		var Tio8 = -2095 + aa / 1.4;
		var Tio9 = -1740 + aa / 1.8;
		$('.cont07').css({
			'top': Tio8 + 'px'
		});
		$('.cont08').css({
			'top': Tio9 + 'px'
		});
		var Tio10 = -1000 + aa / 6;
		var Tio11 = -2650 + aa / 1.5;
		var Tio12 = -1000 + aa / 6;
		$('.cont09').css({
			'top': Tio10 + 'px'
		});
		$('.cont10').css({
			'top': Tio11 + 'px'
		});
		$('.star').css({
			'top': Tio12 + 'px'
		});
		var Tio13 = -3350 + (aa / 1.5);
		var Tio14 = -1600 + aa / 4;
		$('.cont11').css({
			'top': Tio13 + 'px'
		});
		$('.cont12').css({
			'top': Tio14 + 'px'
		});
		var Tio15 = -2400 + aa / 3;
		$('.cont13').css({
			'top': Tio15 + 'px'
		});
		if ((aa > 0) && (aa < 1055)) {} else if ((aa > 1055) && (aa < 2111)) {
			viet2();
		} else if ((aa > 2111) && (aa < 3165)) {
			viet3();
		} else if ((aa > 3165) && (aa < 4220)) {
			viet4();
		} else if ((aa > 4220) && (aa < 5275)) {
			viet5();
		} else if ((aa > 5275) && (aa < 6332)) {
			viet6();
		} else if (aa > 6332) {
			viet();
		}
	});

	$('#touchSlider').mousedown(function () {
		inko = 00;
	});
	$('#touchSlider').mouseup(function () {
		inko = 00;
	});
});
//]]>
</script>
</head>
<body>
    <div id="wrap">
        <!-- header-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/left.jspf" %>
        <!--//header-->

        <div class="container" id="touchSlider">
            <ul class="ContList">
                <li>
                    <div class="cont ImgBox" style="width:465px; height:980px;">
                        <div class="ImagesArea">
                            <div class="contents">
                                <div class="bloque" id="bloque-uno" >
                                    <div class="bg"></div>
                                    <div class="cont01"></div>
                                    <div class="cont02"></div>
                                    <div class="map01">
                                        <img src="/hmg/images/web/kor/main-scroll/map-01.png" alt="map" usemap="#Map" />
                                        <map name="Map" id="Map">
                                            <area shape="poly" coords="19,37,39,45,18,55,2,45" href="#" alt="기타" onclick="javascript:ScrTop('1'); return false;"/>
                                            <area shape="poly" coords="44,23,61,32,42,43,23,34" href="#" alt="자동차" onclick="javascript:ScrTop('2'); return false;"/>
                                            <area shape="poly" coords="46,22,65,31,81,23,65,15" href="#" alt="철강" onclick="javascript:ScrTop('3'); return false;"/>
                                            <area shape="poly" coords="45,44,63,53,84,42,65,33" href="#" alt="미니맵" onclick="javascript:ScrTop('4'); return false;"/>
                                            <area shape="poly" coords="64,55,45,66,66,76,85,64" href="#" alt="건설" onclick="javascript:ScrTop('5'); return false;"/>
                                            <area shape="poly" coords="67,54,88,44,103,52,86,64" href="#" alt="금융" onclick="javascript:ScrTop('6'); return false;"/>
                                            <area shape="poly" coords="120,40,104,32,89,42,107,51" href="#" alt="부품" onclick="javascript:ScrTop('7'); return false;"/>
                                        </map>
                                    </div>
                                </div>
                                <div class="bloque" id="bloque-dos">
                                    <div class="bg"></div>
                                    <div class="cont03"></div>
                                    <div class="cont04"></div>
                                    <div class="cont0401">
                                        <a href="/hmg/web/kor/gri/int/AffiliatesInfo_car.do"><img src="/hmg/images/web/kor/main-scroll/excont02-01.png" alt=""/></a>
                                    </div>
                                    <div class="map02">
                                        <img src="/hmg/images/web/kor/main-scroll/map-02.png" alt="map" usemap="#Map2"/>
                                        <map name="Map2" id="Map2">
                                            <area shape="poly" coords="21,53,41,61,20,71,4,61" href="#" alt="기타" onclick="javascript:ScrTop('1'); return false;"/>
                                            <area shape="poly" coords="46,39,63,48,44,59,25,50" href="#" alt="자동차" onclick="javascript:ScrTop('2'); return false;"/>
                                            <area shape="poly" coords="48,38,67,47,83,39,67,31" href="#" alt="철강" onclick="javascript:ScrTop('3'); return false;"/>
                                            <area shape="poly" coords="47,60,65,69,86,58,67,49" href="#" alt="미니맵" onclick="javascript:ScrTop('4'); return false;"/>
                                            <area shape="poly" coords="66,71,47,82,68,92,87,80" href="#" alt="건설" onclick="javascript:ScrTop('5'); return false;"/>
                                            <area shape="poly" coords="69,70,90,60,105,68,88,80" href="#" alt="금융" onclick="javascript:ScrTop('6'); return false;"/>
                                            <area shape="poly" coords="122,56,106,48,91,58,109,67" href="#" alt="부품" onclick="javascript:ScrTop('7'); return false;"/>
                                        </map>
                                    </div>
                                </div>
                                <div class="bloque" id="bloque-tres" >
                                    <div class="sun"></div>
                                    <div class="cont06"></div>
                                    <div class="bg"></div>
                                    <div class="cont05"></div>
                                    <div class="cont0601">
                                        <a href="/hmg/web/kor/gri/int/AffiliatesInfo_steel.do"><img src="/hmg/images/web/kor/main-scroll/excont03-01.png" alt=""/></a>
                                    </div>
                                    <div class="map03">
                                        <img src="/hmg/images/web/kor/main-scroll/map-03.png" alt="map" usemap="#Map3"/>
                                        <map name="Map3" id="Map3">
                                            <area shape="poly" coords="20,66,40,74,19,84,3,74" href="#" alt="기타" onclick="javascript:ScrTop('1'); return false;"/>
                                            <area shape="poly" coords="45,52,62,61,43,72,24,63" href="#" alt="자동차" onclick="javascript:ScrTop('2'); return false;"/>
                                            <area shape="poly" coords="47,51,66,60,82,52,66,44" href="#" alt="철강" onclick="javascript:ScrTop('3'); return false;"/>
                                            <area shape="poly" coords="46,73,64,82,85,71,66,62" href="#" alt="미니맵" onclick="javascript:ScrTop('4'); return false;"/>
                                            <area shape="poly" coords="65,84,46,95,67,105,86,93" href="#" alt="건설" onclick="javascript:ScrTop('5'); return false;"/>
                                            <area shape="poly" coords="68,83,89,73,104,81,87,93" href="#" alt="금융" onclick="javascript:ScrTop('6'); return false;"/>
                                            <area shape="poly" coords="121,69,105,61,90,71,108,80" href="#" alt="부품" onclick="javascript:ScrTop('7'); return false;"/>
                                        </map>
                                    </div>
                                </div>
                                <div class="bloque" id="bloque-cuatro">
                                    <div class="moon"></div>
                                    <div class="cont07"></div>
                                    <div class="cont08"></div>
                                    <div class="bg"></div>
                                    <div class="cont0801">
                                        <a href="/hmg/web/kor/gri/int/AffiliatesInfo_build.do"><img src="/hmg/images/web/kor/main-scroll/excont04-01.png" alt=""/></a>
                                    </div>
                                    <div class="map04">
                                        <img src="/hmg/images/web/kor/main-scroll/map-04.png" alt="map" usemap="#Map4"/>
                                        <map name="Map4" id="Map4">
                                            <area shape="poly" coords="20,24,40,32,19,42,3,32" href="#" alt="기타" onclick="javascript:ScrTop('1'); return false;"/>
                                            <area shape="poly" coords="45,10,62,19,43,30,24,21" href="#" alt="자동차" onclick="javascript:ScrTop('2'); return false;"/>
                                            <area shape="poly" coords="47,9,66,18,82,10,66,2" href="#" alt="철강" onclick="javascript:ScrTop('3'); return false;"/>
                                            <area shape="poly" coords="46,31,64,40,85,29,66,20" href="#" alt="미니맵" onclick="javascript:ScrTop('4'); return false;"/>
                                            <area shape="poly" coords="63,41,44,52,65,62,84,50" href="#" alt="건설" onclick="javascript:ScrTop('5'); return false;"/>
                                            <area shape="poly" coords="68,41,89,31,104,39,87,51" href="#" alt="금융" onclick="javascript:ScrTop('6'); return false;"/>
                                            <area shape="poly" coords="121,27,105,19,90,29,108,38" href="#" alt="부품" onclick="javascript:ScrTop('7'); return false;"/>
                                        </map>
                                  </div>
                                </div>
                                <div class="bloque" id="bloque-cinco">
                                    <div class="star"></div>
                                    <div class="bg"></div>
                                    <div class="cont09"></div>
                                    <div class="cont10"></div>
                                    <div class="cont1001">
                                        <a href="/hmg/web/kor/gri/int/AffiliatesInfo_part.do"><img src="/hmg/images/web/kor/main-scroll/excont05-01.png" alt=""/></a>
                                    </div>
                                    <div class="map05">
                                        <img src="/hmg/images/web/kor/main-scroll/map-05.png" alt="map" usemap="#Map5"/>
                                        <map name="Map5" id="Map5">
                                            <area shape="poly" coords="21,43,41,51,20,61,4,51" href="#" alt="기타" onclick="javascript:ScrTop('1'); return false;"/>
                                            <area shape="poly" coords="46,29,63,38,44,49,25,40" href="#" alt="자동차" onclick="javascript:ScrTop('2'); return false;"/>
                                            <area shape="poly" coords="48,28,67,37,83,29,67,21" href="#" alt="철강" onclick="javascript:ScrTop('3'); return false;"/>
                                            <area shape="poly" coords="47,50,65,59,86,48,67,39" href="#" alt="미니맵" onclick="javascript:ScrTop('4'); return false;"/>
                                            <area shape="poly" coords="66,61,47,72,68,82,87,70" href="#" alt="건설" onclick="javascript:ScrTop('5'); return false;"/>
                                            <area shape="poly" coords="69,60,90,50,105,58,88,70" href="#" alt="금융" onclick="javascript:ScrTop('6'); return false;"/>
                                            <area shape="poly" coords="122,46,106,38,91,48,109,57" href="#" alt="부품" onclick="javascript:ScrTop('7'); return false;"/>
                                        </map>
                                    </div>
                                </div>
                                <div class="bloque" id="bloque-seis">
                                    <div class="bg"></div>
                                    <div class="cont11"></div>
                                    <div class="cont12"></div>
                                    <div class="cont1201">
                                        <a href="/hmg/web/kor/gri/int/AffiliatesInfo_finance.do"><img src="/hmg/images/web/kor/main-scroll/excont06-01.png" alt=""/></a>
                                    </div>
                                    <div class="map06">
                                        <img src="/hmg/images/web/kor/main-scroll/map-06.png" alt="map" usemap="#Map6"/>
                                        <map name="Map6" id="Map6">
                                            <area shape="poly" coords="21,35,41,43,20,53,4,43" href="#" alt="기타" onclick="javascript:ScrTop('1'); return false;"/>
                                      <area shape="poly" coords="46,21,63,30,44,41,25,32" href="#" alt="자동차" onclick="javascript:ScrTop('2'); return false;"/>
                                      <area shape="poly" coords="48,20,67,29,83,21,67,13" href="#" alt="철강" onclick="javascript:ScrTop('3'); return false;"/>
                                      <area shape="poly" coords="47,42,65,51,86,40,67,31" href="#" alt="미니맵" onclick="javascript:ScrTop('4'); return false;"/>
                                      <area shape="poly" coords="66,53,47,64,68,74,87,62" href="#" alt="건설" onclick="javascript:ScrTop('5'); return false;"/>
                                      <area shape="poly" coords="69,52,90,42,105,50,88,62" href="#" alt="금융" onclick="javascript:ScrTop('6'); return false;"/>
                                      <area shape="poly" coords="122,38,106,30,91,40,109,49" href="#" alt="부품" onclick="javascript:ScrTop('7'); return false;"/>
                                        </map>
                                    </div>
                                </div>
                                <div class="bloque" id="bloque-siete">
                                    <div class="bg"></div>
                                    <div class="cont13"></div>
                                    <div class="cont1301 mapIn">
                                        <a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc.do"><img src="/hmg/images/web/kor/main-scroll/excont07-01.png" alt=""/></a>
                                    </div>
                                    <div class="map07">
                                        <img src="/hmg/images/web/kor/main-scroll/map-07.png" alt="map" usemap="#Map7"/>
                                        <map name="Map7" id="Map7">
                                            <area shape="poly" coords="20,46,40,54,19,64,3,54" href="#" alt="기타" onclick="javascript:ScrTop('1'); return false;"/>
                                            <area shape="poly" coords="45,32,62,41,43,52,24,43" href="#" alt="자동차" onclick="javascript:ScrTop('2'); return false;"/>
                                            <area shape="poly" coords="47,31,66,40,82,32,66,24" href="#" alt="철강" onclick="javascript:ScrTop('3'); return false;"/>
                                            <area shape="poly" coords="46,53,64,62,85,51,66,42" href="#" alt="미니맵" onclick="javascript:ScrTop('4'); return false;"/>
                                            <area shape="poly" coords="65,64,46,75,67,85,86,73" href="#" alt="건설" onclick="javascript:ScrTop('5'); return false;"/>
                                            <area shape="poly" coords="68,62,89,52,104,60,87,72" href="#" alt="금융" onclick="javascript:ScrTop('6'); return false;"/>
                                            <area shape="poly" coords="121,48,105,40,90,50,108,59" href="#" alt="부품" onclick="javascript:ScrTop('7'); return false;"/>
                                        </map>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="scrollArea">
                            <span class="scrollBar"></span>
                        </div>
                    </div>
                </li>

                <!-- menu01 -->
                <li>
                    <div class="cont">
                        <div class="newsContents">
                            <h2><img src="/hmg/images/web/kor/main/news/title01.gif" alt="그룹소식" /></h2>
                            <div class="newsList">
                                <h3><img src="/hmg/images/web/kor/main/news/sub_title01.gif" alt="뉴스" /></h3>
<%  if (newsList != null && newsList.size() > 0 && newsList.get(0) != null) { %>
                                <dl>
                                    <dt><%= newsList.get(0).getCompName() %></dt>
                                    <dd class="title"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(0).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><%= newsList.get(0).getTitle() %></a></dd>
                                    <dd class="article"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(0).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><%= newsList.get(0).getWebContent() %></a></dd>
                                    <dd class="image"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(0).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><img src="<%= newsList.get(0).getThumbnailImage() %>" style="width:100px; height:75px;" alt="" /></a></dd>
                                </dl>
<%
    }
    if (newsList != null && newsList.size() > 0 && newsList.get(1) != null) {
%>
                                <dl>
                                    <dt><%= newsList.get(1).getCompName() %></dt>
                                    <dd class="title"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(1).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><%= newsList.get(1).getTitle() %></a></dd>
                                    <dd class="article"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(1).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><%= newsList.get(1).getWebContent() %></a></dd>
                                    <dd class="image"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(1).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><img src="<%= newsList.get(1).getThumbnailImage() %>" style="width:100px; height:75px;" alt="" /></a></dd>
                                </dl>
<%
    }
    if (newsList != null && newsList.size() > 0 && newsList.get(2) != null) {
%>
                                <dl>
                                    <dt><%= newsList.get(2).getCompName() %></dt>
                                    <dd class="title"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(2).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><%= newsList.get(2).getTitle() %></a></dd>
                                    <dd class="article"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(2).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><%= newsList.get(2).getWebContent() %></a></dd>
                                    <dd class="image"><a href="/hmg/web/kor/grn/nws/NewsView.do?listID=<%= newsList.get(2).getListID() %>&listType=0&compType=0&listFlag=1&page=1"><img src="<%= newsList.get(2).getThumbnailImage() %>" style="width:100px; height:75px;" alt="" /></a></dd>
                                </dl>
<%  } %>
                                <p class="more"><a href="/hmg/web/kor/grn/nws/NewsList.do"><img src="/hmg/images/web/kor/common/btn_more_submain02.gif" alt="뉴스 더보기" /></a></p>
                            </div>

                            <div class="vodList">
                                <h3><img src="/hmg/images/web/kor/main/news/sub_title02.gif" alt="그룹방송" /></h3>

                                <div class="vodOn">
<%  if (broadcast != null) { %>
                                    <p class="playBg"><a href="/hmg/web/kor/gbc/GroupBroadcastView.do?listID=<%= broadcast.getListID() %>&listType=0&page=1"><img src="/hmg/images/web/kor/mgr/playBg.png" alt="PLAY"/></a></p>
                                    <p class="vodThumb"><a href="/hmg/web/kor/gbc/GroupBroadcastView.do?listID=<%= broadcast.getListID() %>&listType=0&page=1"><img src="<%= broadcast.getThumbnailImage() %>" style="width:308px; height:206px;" alt="" /></a></p>
                                    <p class="vodTitle"><span><%= broadcast.getListName() %></span> <%= broadcast.getTitle() %></p>
<%  } %>
                                </div>

                                <p class="more"><a href="/hmg/web/kor/gbc/GroupBroadcastSubMain.do"><img src="/hmg/images/web/kor/common/btn_more_submain02.gif" alt="그룹방송 더보기" /></a></p>
                            </div>

                            <div class="etcList">
                                <ul>
                                    <li><a href="/hmg/web/kor/grn/nlt/NewsLetterView.do"><img src="/hmg/images/web/kor/main/news/etc_img01.jpg" alt="뉴스레터" /></a></li>
                                    <li><a href="/hmg/web/kor/grn/mtl/MotorsLineSubMain.do"><img src="/hmg/images/web/kor/main/news/etc_img02.jpg" alt="모터스라인" /></a></li>
                                    <li><a href="http://www.facebook.com/hyundaimotorgroup" target="_BLANKE"><img src="/hmg/images/web/kor/main/news/etc_img03.jpg" alt="Facebook" /></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <!--//menu01-->

                <!--menu02-->
                <li>
                    <div class="cont">
                        <div class="affiliateContents">
                            <h2><img src="/hmg/images/web/kor/main/affiliate/title01.gif" alt="계열사" /></h2>
                            <ul>
                                <li class="first"><a href="/hmg/web/kor/gri/int/AffiliatesInfo_car.do"><img src="/hmg/images/web/kor/main/affiliate/list_img01.jpg" alt="완성차" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_steel.do"><img src="/hmg/images/web/kor/main/affiliate/list_img02.jpg" alt="철강" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_build.do"><img src="/hmg/images/web/kor/main/affiliate/list_img03.jpg" alt="건설" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_part.do"><img src="/hmg/images/web/kor/main/affiliate/list_img04.jpg" alt="부품" /></a></li>
                                <li><a href="/hmg/web/kor/gri/int/AffiliatesInfo_finance.do"><img src="/hmg/images/web/kor/main/affiliate/list_img05.jpg" alt="금융" /></a></li>
                                <li class="last"><a href="/hmg/web/kor/gri/int/AffiliatesInfo_etc.do"><img src="/hmg/images/web/kor/main/affiliate/list_img06.jpg" alt="기타" /></a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <!--//menu02-->

                <!--menu03-->
                <li>
                    <div class="cont">
                        <div class="gallery">
                        <h2><img src="/hmg/images/web/kor/main/gallery/title01.gif" alt="갤러리" /></h2>
                        <div class="storyWrap">
                            <ul>
                                <li class="first"><a href="/hmg/web/kor/mgr/grs/GlobalStory.do"><img src="/hmg/images/web/kor/main/gallery/gallery_img01.jpg" alt="글로벌성장사 - 쇳물에서 자동차까지" /></a></li>
                                <li class="second"><a href="/hmg/web/kor/mgr/mgz/CompanyMagazine.do"><img src="/hmg/images/web/kor/main/gallery/gallery_img02.jpg" alt="계열사사보 - MAGAZINE" /></a></li>
                            </ul>
                        </div>
                            <div class="pictureGallery">
                                <h3><img src="/hmg/images/web/kor/main/gallery/sub_title01.gif" alt="사진갤러리" /></h3>
                                <ul class="box01">
<%  if (photoList != null && photoList.size() > 0 && photoList.get(0) != null) { %>
                                    <li class="size01"><a href="/hmg/web/kor/mgr/pht/PhotoList.do?listID=<%= photoList.get(0).getListID() %>"><img src="<%= photoList.get(0).getThumbnailImage() %>" alt="<%= photoList.get(0).getTitle() %>" /></a></li>
<%  } %>
                                </ul>
                                <ul class="box02">
<%  if (photoList != null && photoList.size() > 0 && photoList.get(1) != null) { %>
                                    <li class="size02"><a href="/hmg/web/kor/mgr/pht/PhotoList.do?listID=<%= photoList.get(1).getListID() %>"><img src="<%= photoList.get(1).getThumbnailImage() %>" alt="<%= photoList.get(1).getTitle() %>" /></a></li>
<%
    }
    if (photoList != null && photoList.size() > 0 && photoList.get(2) != null) {
%>
                                    <li class="size02"><a href="/hmg/web/kor/mgr/pht/PhotoList.do?listID=<%= photoList.get(2).getListID() %>"><img src="<%= photoList.get(2).getThumbnailImage() %>" alt="<%= photoList.get(2).getTitle() %>" /></a></li>
<%  } %>
                                    <li class="size03 last"><img src="/hmg/images/web/kor/main/gallery/pic_img04.jpg" alt="사진갤러리" /></li>
                                </ul>
                                <p class="more"><a href="/hmg/web/kor/mgr/pht/PhotoList.do"><img src="/hmg/images/web/kor/common/btn_more_submain02.gif" alt="사진갤러리 더보기" /></a></p>
                            </div>

                            <div class="vodGallery">
                                <h3><img src="/hmg/images/web/kor/main/gallery/sub_title02.gif" alt="영상갤러리" /></h3>
                                <ul class="box03">
                                    <li class="size02"><img src="/hmg/images/web/kor/main/gallery/video_img04.jpg" alt="영상갤러리" /></li>
<%  if (vodList != null && vodList.size() > 0 && vodList.get(0) != null) { %>
                                    <li class="size02">
                                        <a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vodList.get(0).getListID() %>" class="playBg" ><span class="hidden">PLAY</span></a>
                                        <a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vodList.get(0).getListID() %>"><img src="<%= vodList.get(0).getThumbnailImage() %>" alt="<%= vodList.get(0).getTitle() %>" /></a>
                                    </li>
<%
    }
    if (vodList != null && vodList.size() > 0 && vodList.get(1) != null) { %>
                                    <li class="size02 noPad">
                                        <a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vodList.get(1).getListID() %>" class="playBg" ><span class="hidden">PLAY</span></a>
                                        <a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vodList.get(1).getListID() %>"><img src="<%= vodList.get(1).getThumbnailImage() %>" alt="<%= vodList.get(1).getTitle() %>" /></a>
                                    </li>
<%  } %>
                                </ul>
                                <ul class="box02">
<%  if (vodList != null && vodList.size() > 0 && vodList.get(2) != null) { %>
                                    <li class="size01">
                                        <a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vodList.get(2).getListID() %>" class="playBg" ><span class="hidden">PLAY</span></a>
                                        <a href="/hmg/web/kor/mgr/vod/VodList.do?listID=<%= vodList.get(2).getListID() %>"><img src="<%= vodList.get(2).getThumbnailImage() %>" alt="<%= vodList.get(2).getTitle() %>" /></a>
                                    </li>
<%  } %>
                                </ul>
                                <p class="more"><a href="/hmg/web/kor/mgr/vod/VodList.do"><img src="/hmg/images/web/kor/common/btn_more_submain02.gif" alt="영상갤러리 더보기" /></a></p>
                            </div>
                        </div>
                    </div>
                </li>
                <!--//menu03-->

                <!--menu04-->
                <li>
                    <div class="cont">
                        <div class="contributeContents">
                            <h2><img src="/hmg/images/web/kor/main/contribute/title01.gif" alt="사회공헌" /></h2>

                            <div class="contributeBox01">
                                <h3><img src="/hmg/images/web/kor/main/contribute/sub_title01.gif" alt="사회공헌스토리" /></h3>
<%  if (postscriptList != null && postscriptList.size() > 0 && postscriptList.get(0) != null) { %>
                                <dl>
                                    <dt style="width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><%= postscriptList.get(0).getCompName() %> <%= postscriptList.get(0).getTitle() %></dt>
                                    <dd class="article"><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= postscriptList.get(0).getListID() %>&compType=0&page=1"><%= postscriptList.get(0).getWebContent() %></a></dd>
                                    <dd class="image"><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= postscriptList.get(0).getListID() %>&compType=0&page=1"><img src="<%= postscriptList.get(0).getThumbnailImage() %>" style="width:186px; height:123px;" alt="" /></a></dd>
                                </dl>
<%
    }
    if (postscriptList != null && postscriptList.size() > 0 && postscriptList.get(1) != null) {
%>
                                <dl>
                                    <dt style="width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><%= postscriptList.get(1).getCompName() %> <%= postscriptList.get(1).getTitle() %></dt>
                                    <dd class="article"><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= postscriptList.get(1).getListID() %>&compType=0&page=1"><%= postscriptList.get(1).getWebContent() %></a></dd>
                                    <dd class="image"><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= postscriptList.get(1).getListID() %>&compType=0&page=1"><img src="<%= postscriptList.get(1).getThumbnailImage() %>" style="width:186px; height:123px;" alt="" /></a></dd>
                                </dl>
<%
    }
    if (postscriptList != null && postscriptList.size() > 0 && postscriptList.get(2) != null) {
%>
                                <dl>
                                    <dt style="width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;"><%= postscriptList.get(2).getCompName() %> <%= postscriptList.get(2).getTitle() %></dt>
                                    <dd class="article"><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= postscriptList.get(2).getListID() %>&compType=0&page=1"><%= postscriptList.get(2).getWebContent() %></a></dd>
                                    <dd class="image"><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= postscriptList.get(2).getListID() %>&compType=0&page=1"><img src="<%= postscriptList.get(2).getThumbnailImage() %>" style="width:186px; height:123px;" alt="" /></a></dd>
                                </dl>
<%  } %>
                                <p class="more"><a href="/hmg/web/kor/cbt/pst/PostscriptList.do"><img src="/hmg/images/web/kor/common/btn_more_submain02.gif" alt="사회공헌 스토리 더보기" /></a></p>
                            </div>

                            <div class="contributeBox02">
                            <h3><img src="/hmg/images/web/kor/main/contribute/sub_title02.gif" alt="활동소식" /></h3>
                                <ul>
<%
    if (activityList != null && activityList.size() > 0) {
        for (int idx = 0; idx < activityList.size(); idx++) {
%>
                                    <li>
                                        <dl>
                                            <dt>[<%= activityList.get(idx).getCompName() %>]</dt>
                                            <dd class="text" style="width:55%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/cbt/act/nws/ActivityView.do?listID=<%= activityList.get(idx).getListID() %>&listType=0&compType=0&page=1"><%= activityList.get(idx).getTitle() %></a></dd>
                                        </dl>
                                    </li>
<%
        }
    }
%>
                                </ul>
                                <p class="more"><a href="/hmg/web/kor/cbt/act/nws/ActivityList.do"><img src="/hmg/images/web/kor/common/btn_more_submain02.gif" alt="활동소식 더보기" /></a></p>
                            </div>

                        </div>
                    </div>
                </li>
                <!--//menu04-->

                <!--menu05-->
                <li>
                    <div class="cont">
                        <div class="recruitContents">
                            <h2><img src="/hmg/images/web/kor/main/recruit/title01.gif" alt="인재채용" /></h2>
                            <div class="recruitList">
                            <h3><img src="/hmg/images/web/kor/main/recruit/sub_title01.gif" alt="진행중인채용정보" /></h3>
                                <ul>
<%
    if (recruitList != null && recruitList.size() > 0) {
        for (int idx = 0; idx < recruitList.size(); idx++) {
%>
                                    <li>
                                        <dl>
                                            <dt>[<%= recruitList.get(idx).getCompName() %>]</dt>
                                            <dd class="text" style="width:45%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;"><a href="/hmg/web/kor/job/rct/RecruitView.do?listID=<%= recruitList.get(idx).getListID() %>&compType=0&page=1"><%= recruitList.get(idx).getTitle() %></a></dd>
                                            <dd class="day">
<%
            if (recruitList.get(idx).getDday().equals("-1") == true)
                out.println("                                                마감");
            else
                out.println("                                                D-" + recruitList.get(idx).getDday());
%>
                                            </dd>
                                        </dl>
                                    </li>
<%
        }
    }
%>
                                </ul>
                                <p class="more"><a href="/hmg/web/kor/job/rct/RecruitList.do"><img src="/hmg/images/web/kor/common/btn_more_submain02.gif" alt="채용정보 더보기" /></a></p>
                            </div>

                            <div class="interview">
                            <h3><img src="/hmg/images/web/kor/main/recruit/sub_title02.gif" alt="직무 인터뷰" /></h3>
                                <ul>
<%
    if (interviewList != null && interviewList.size() > 0) {
        for (int idx = 0; idx < interviewList.size(); idx++) {
%>
                                    <li><a href="/hmg/web/kor/job/itv/JobInterviewView.do?listID=<%= interviewList.get(idx).getListID() %>&compType=&page=1"><img src="<%= interviewList.get(idx).getThumbnailImage() %>" style="width:330px; height:164px;" alt="<%= interviewList.get(idx).getTitle() %>" /></a></li>
<%
        }
    }
%>
                                </ul>
                                <p class="more"><a href="/hmg/web/kor/job/itv/JobInterviewList.do"><img src="/hmg/images/web/kor/common/btn_more_submain02.gif" alt="직무 인터뷰 더보기" /></a></p>
                            </div>
                        </div>
                    </div>
                </li>
                <!--//menu05-->
            </ul>
        </div>

        <!--footer-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/footer.jspf" %>
        <!--//footer-->

        <span class="aniBgFix"></span>

        <p class="mainDragInfo"><img src="/hmg/images/web/kor/main/drag-Info.png" alt="좌우로 드래그를 하세요!" /></p>
    </div>
</body>
</html>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     